<template>
    <div>
        <!-- 
            filter过滤器 在不改变原数据的情况下，对数据进行处理然后显示到页面上，在原数据的基础上生成新数据
        -->
            <!-- 函数不传参 默认传age原数据， -->
        <h1>{{ age | changMsg }} -----{{ age }} </h1>
        <!-- changMsg接收的第一个参数是原数据 age -->
        <h2>{{ age| changMsg(b) }}</h2>
    </div>
</template>

<script>
    export default{
         data(){
            return{
                age:18,
                b:"男"
            }
        },
        methods:{

        },
        //过滤器 存放函数
        filters:{
            //函数接收原数据，必须将处理好的数据return出去
            changMsg(a,b){
                if(a > 18){
                    a = "回家学习" + b
                }else{
                    a = "出去玩" + b
                }
                return a
            }
        }
    }
</script>